<script setup lang="ts">
// import { Button as VanButton } from 'vant';
// import { useUserStore } from './stores';
// import { request } from './utils/request';
// import type { User } from './types/user';
// import { ref } from 'vue';

// const show = ref(true);

// const userStore = useUserStore()
// const login = async () => {
//   // 测试请求
//   const res = await request<User>('/login/password', 'POST', {
//     mobile: '13211112222',
//     password: 'abc12345',
//   })
//   console.log(res.data)

//   // 模拟登录完成 存储用户数据 =》 仓库的数据默认不持久化
//   userStore.setUser(res.data)
// }
</script>

<template>
  <!-- <div>app</div>
  <VanButton type="danger" @click="login">登录</VanButton>
  <VanButton type="success">登录</VanButton>
  <VanButton type="primary">登录</VanButton> -->

  <!-- <VanCalendar v-model:show="show" switch-mode="year-month"></VanCalendar> -->

  <!-- <div class="box"></div> -->
  <router-view></router-view>
</template>

<style scoped lang="scss">
// 刚刚装了个插件postcss-px-to-viewport 可以允许你写px单位  他帮你转vw
.box {
  // 375设计稿中量多少 写多少   就用px单位
  width: 100px;
  height: 100px;
  // var(样式变量名) 引用css样式变量的
  background-color: var(--consult-xx);
}
</style>
